<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta keywords="">
    <meta description="">
    <title>新闻资讯</title>
    <style>
        .active {
            color: red;
        }
    </style>
</head>

<body>
    <div class="web">
        <header>
            <!--头部-->
            <div class="logoBox">
                <!--官网logo-->
                <img src="../images/home-logo.jpg" alt="">
            </div>
            <nav>
                <!--导航栏-->
                <div class="navitem">
                    <a href="./index.html" rel="">首页</a>
                </div>
                <div class="navitem">
                    <a href="./about.html" rel="">关于我们</a>
                </div>
                <div class="navitem">
                    <a href="./product.html" rel="">产品中心</a>
                </div>
                <div class="navitem">
                    <a href="./appointment.html" rel="">预约设计</a>
                </div>
                <div class="navitem active">
                    <a href="./news.html" rel="">新闻资讯</a>
                </div>
                <div class="navitem">
                    <a href="./service.html" rel="">服务平台</a>
                </div>
                <div class="navitem">
                    <a href="./contact.html" rel="">联系我们</a>
                </div>
            </nav>
        </header>
        <main>
            <!--背景层-->
            <div class="newbanner">
                <!--背景图切图有问题-->
                <img src="../images/newsbanner.jpg" alt="">
            </div>
            <!--品牌资讯-->
            <div class="brandnew">
                <p>BRAND INFORMATION</p>
                <div class="linebox">
                    <div class="shadowline"></div>
                    <div class="linetxt">品牌资讯</div>
                    <div class="shadowline"></div>
                </div>
                <div class="brandbox">
                    <div class="innerbox">
                        <div class="innerbox-left">
                            <div class="left-top">
                                <img src="../images/images/news-01-_03.jpg">
                            </div>
                            <div class="left-bottom">
                                <div class="p1">穿越人山人海，我们为造梦而来!</div>
                                <div class="p2">因为懂中国人对于家深深的执念，所以我们格外珍惜每一次对家...</div>
                                <div class="p3">>></div>
                            </div>
                        </div>
                        <div class="innerbox-right">
                            <div class="right-item">
                                <div class="itembox">
                                    <div class="item-left">
                                        <div class="leftBox">
                                            <img src="../images/news-item.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item-right">
                                        <div class="rig-txt1">2018什么牌子的床垫好？</div>
                                        <div class="rig-txt2">恣在家旗下全新线上品牌家具，以个性、时尚、多彩、百搭为核心...</div>
                                    </div>
                                </div>


                            </div>
                            <div class="right-item">
                                <div class="itembox">
                                    <div class="item-left">
                                        <div class="leftBox">
                                            <img src="../images/news-item.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item-right">
                                        <div class="rig-txt1">2018什么牌子的床垫好？</div>
                                        <div class="rig-txt2">恣在家旗下全新线上品牌家具，以个性、时尚、多彩、百搭为核心...</div>
                                    </div>
                                </div>


                            </div>
                            <div class="right-item">
                                <div class="itembox">
                                    <div class="item-left">
                                        <div class="leftBox">
                                            <img src="../images/news-item.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="item-right">
                                        <div class="rig-txt1">2018什么牌子的床垫好？</div>
                                        <div class="rig-txt2">恣在家旗下全新线上品牌家具，以个性、时尚、多彩、百搭为核心...</div>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
                <div class="brandbtn">
                    <span>了解更多</span>
                </div>
            </div>
            <!--热门观点-->
            <div class="topic">
                <p>TOP NEWS</p>
                <div class="linebox">
                    <div class="shadowline"></div>
                    <div class="linetxt">热门观点</div>
                    <div class="shadowline"></div>
                </div>
                <div class="topBox">
                    <div class="topBox-item">
                        <div class="inner">
                            <div class="item-top">
                                <img src="../images/news-5.png" alt="">
                            </div>
                            <div class="item-bottom">
                                <p>恣在家以温暖出发，为您打造最具人情味的别致民宿</p>
                                <p>2018/03/09</p>
                            </div>
                        </div>
                    </div>
                    <div class="topBox-item">
                        <div class="inner">
                            <div class="item-top">
                                <img src="../images/news-02.png" alt="">
                            </div>
                            <div class="item-bottom">
                                <p>乍暖还寒的日子，恣在家教你正确的“春捂”？</p>
                                <p>2018/02/28</p>
                            </div>
                        </div>
                    </div>
                    <div class="topBox-item">
                        <div class="inner">
                            <div class="item-top">
                                <img src="../images/news-03.png" alt="">
                            </div>
                            <div class="item-bottom">
                                <p>恣在家:无问西东，只为温暖生活而来!</p>
                                <p>2018/02/05</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="topBox">
                    <div class="topBox-item">
                        <div class="inner">
                            <div class="item-top">
                                <img src="../images/news-04.png" alt="">
                            </div>
                            <div class="item-bottom">
                                <p>被寒冷包裹的日子，因为恣在家家具你的生活更幸福!</p>
                                <p>2018/02/02</p>
                            </div>
                        </div>
                    </div>
                    <div class="topBox-item">
                        <div class="inner">
                            <div class="item-top">
                                <img src="../images/news-05.png" alt="">
                            </div>
                            <div class="item-bottom">
                                <p>雪下得那么大，你的生活有恣在家家具更温暖!</p>
                                <p>2018/01/029</p>
                            </div>
                        </div>
                    </div>
                    <div class="topBox-item">
                        <div class="inner">
                            <div class="item-top">
                                <img src="../images/news-06.png" alt="">
                            </div>
                            <div class="item-bottom">
                                <p>恣在家家具装扮的精致生活，就应这么与众不同!</p>
                                <p>2018/01/22</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="brandbtn">
                    <span>了解更多</span>
                </div>
            </div>
            <!--家具动态-->
            <div class="furniture">
                <p>RESIDENCE TENDENCY</p>
                <div class="linebox">
                    <div class="shadowline"></div>
                    <div class="linetxt">家具动态</div>
                    <div class="shadowline"></div>
                </div>
                <div class="furbox">
                    <div class="furbox-item">
                        <div class="item-img">
                            <img src="../images/new-001.png" alt="">
                        </div>

                    </div>
                    <div class="furbox-item">
                        <div class="item-img">
                            <img src="../images/new-002.png" alt="">
                        </div>

                    </div>
                    <div class="furbox-item">
                        <div class="item-img">
                            <img src="../images/new-003.png" alt="">
                        </div>

                    </div>

                </div>
                <div class="furbox">
                    <div class="furbox-item">
                        <div class="item-img">
                            <img src="../images/new-004.png" alt="">
                        </div>

                    </div>
                    <div class="furbox-item">
                        <div class="item-img">
                            <img src="../images/new-005.png" alt="">
                        </div>

                    </div>
                    <div class="furbox-item">
                        <div class="item-img">
                            <img src="../images/new-006.png" alt="">
                        </div>

                    </div>

                </div>

                <div class="brandbtn">
                    <span>了解更多</span>
                </div>
            </div>
            <!--精彩视频-->
            <div class=""></div>

        </main>

    </div>
</body>

</html>